<!--ban/pick 评分-->
<section class="teams-ban-pick-top flex-h-space">

    <div class="left">
        <div class="ban-pick p-m">
            <div class="p-m-t flex-h-space"><h3>Ban/Pick评分</h3></div>
            <div class="p-m-c flex-h-space" >
                <div class="circle-item">
                    <div class="circle-container" id="circle1">
                        <span class="p-arial">-0.8</span>
                    </div>
                    <h3 class="p-arial">Counter</h3>
                </div>

                <div class="circle-item">
                    <div class="circle-container"  id="circle2">
                        <span class="p-arial">0.9</span>
                    </div>
                    <h3  class="p-arial">Champian</h3>
                </div>

                <div class="circle-item">
                    <div class="circle-container"  id="circle3">
                        <span class="p-arial">1.8</span>
                    </div>
                    <h3  class="p-arial">Combo</h3>
                </div>

            </div>
        </div>

        <div class="lineup p-m">
            <div class="p-m-t flex-h-space"><h3>最强阵容</h3></div>
            <div class="p-m-c" >
                <div class="top flex-h-center">
                    <img src="/res/images/cont/teams-detail/lineup.png" />
                    <div class="pos-img pos-1"><img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/22381ca7-beb4-4504-ad73-b8f0593c78dd.png"></div>
                    <div class="pos-img  pos-2"><img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/22381ca7-beb4-4504-ad73-b8f0593c78dd.png"></div>
                    <div class="pos-img  pos-3"><img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/22381ca7-beb4-4504-ad73-b8f0593c78dd.png"></div>
                    <div class="pos-img  pos-4"><img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/22381ca7-beb4-4504-ad73-b8f0593c78dd.png"></div>
                    <div class="pos-img  pos-5"><img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/22381ca7-beb4-4504-ad73-b8f0593c78dd.png"></div>

                </div>

                <div class="bottom zr">
                    <div class="zr-item t1">
                        <div class="img-box"><img  src="http://cdn.esportsmatrix.com/Content/images/uploaded/player/a4948864-c60b-4a84-a8a8-b36b91043e03.jpg" alt="Uzi"></div>
                        <h3 class="p-arial p-text-hide">Uzi</h3>
                    </div>
                    <div class="zr-item t2">
                        <div class="img-box"><img  src="http://cdn.esportsmatrix.com/Content/images/uploaded/player/a4948864-c60b-4a84-a8a8-b36b91043e03.jpg" alt="Uzi"></div>
                        <h3 class="p-arial p-text-hide">Uzi</h3>
                    </div>
                    <div class="zr-item t3">
                        <div class="img-box"><img  src="http://cdn.esportsmatrix.com/Content/images/uploaded/player/a4948864-c60b-4a84-a8a8-b36b91043e03.jpg" alt="Uzi"></div>
                        <h3 class="p-arial p-text-hide">Uzi</h3>
                    </div>
                    <div class="zr-item t4">
                        <div class="img-box"><img  src="http://cdn.esportsmatrix.com/Content/images/uploaded/player/a4948864-c60b-4a84-a8a8-b36b91043e03.jpg" alt="Uzi"></div>
                        <h3 class="p-arial p-text-hide">Uzi</h3>
                    </div>
                    <div class="zr-item t5">
                        <div class="img-box"><img  src="http://cdn.esportsmatrix.com/Content/images/uploaded/player/a4948864-c60b-4a84-a8a8-b36b91043e03.jpg" alt="Uzi"></div>
                        <h3 class="p-arial p-text-hide">Uzi</h3>
                    </div>
                </div>

            </div>
        </div>

    </div>

    <div class="right">
        <div class="hero-yes p-m">
            <div class="p-m-t flex-h-space"><h3>常用英雄</h3></div>
            <div class="p-m-c" >

                <ul class="data-li-table data-b data-w-auto">
                    <li class="title-row">
                        <div class="col col-1"><span>上单</span></div>
                        <div class="col col-2"><span>打野</span></div>
                        <div class="col col-3"><span>中路</span></div>
                        <div class="col col-4"><span>ADC</span></div>
                        <div class="col col-5"><span >辅助</span></div>
                    </li>
                </ul>
                <ul class="data-li-table data-b data-w-auto">
                    <li>
                        <div class="col col-1">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/22381ca7-beb4-4504-ad73-b8f0593c78dd.png">
                            <span>胜：<i class="p-arial"> 60%</i></span>
                        </div>
                        <div class="col col-2">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/22381ca7-beb4-4504-ad73-b8f0593c78dd.png">
                            <span>胜：<i class="p-arial"> 60%</i></span>
                        </div>
                        <div class="col col-3">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/22381ca7-beb4-4504-ad73-b8f0593c78dd.png">
                            <span>胜：<i class="p-arial"> 60%</i></span>
                        </div>
                        <div class="col col-4">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/22381ca7-beb4-4504-ad73-b8f0593c78dd.png">
                            <span>胜：<i class="p-arial"> 60%</i></span>
                        </div>
                        <div class="col col-5">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/22381ca7-beb4-4504-ad73-b8f0593c78dd.png">
                            <span>胜：<i class="p-arial"> 60%</i></span>
                        </div>
                    </li>
                    <li>
                        <div class="col col-1">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/22381ca7-beb4-4504-ad73-b8f0593c78dd.png">
                            <span>胜：<i class="p-arial"> 60%</i></span>
                        </div>
                        <div class="col col-2">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/22381ca7-beb4-4504-ad73-b8f0593c78dd.png">
                            <span>胜：<i class="p-arial"> 60%</i></span>
                        </div>
                        <div class="col col-3">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/22381ca7-beb4-4504-ad73-b8f0593c78dd.png">
                            <span>胜：<i class="p-arial"> 60%</i></span>
                        </div>
                        <div class="col col-4">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/22381ca7-beb4-4504-ad73-b8f0593c78dd.png">
                            <span>胜：<i class="p-arial"> 60%</i></span>
                        </div>
                        <div class="col col-5">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/22381ca7-beb4-4504-ad73-b8f0593c78dd.png">
                            <span>胜：<i class="p-arial"> 60%</i></span>
                        </div>
                    </li>
                    <li>
                        <div class="col col-1">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/22381ca7-beb4-4504-ad73-b8f0593c78dd.png">
                            <span>胜：<i class="p-arial"> 60%</i></span>
                        </div>
                        <div class="col col-2">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/22381ca7-beb4-4504-ad73-b8f0593c78dd.png">
                            <span>胜：<i class="p-arial"> 60%</i></span>
                        </div>
                        <div class="col col-3">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/22381ca7-beb4-4504-ad73-b8f0593c78dd.png">
                            <span>胜：<i class="p-arial"> 60%</i></span>
                        </div>
                        <div class="col col-4">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/22381ca7-beb4-4504-ad73-b8f0593c78dd.png">
                            <span>胜：<i class="p-arial"> 60%</i></span>
                        </div>
                        <div class="col col-5">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/22381ca7-beb4-4504-ad73-b8f0593c78dd.png">
                            <span>胜：<i class="p-arial"> 60%</i></span>
                        </div>
                    </li>
                    <li>
                        <div class="col col-1">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/22381ca7-beb4-4504-ad73-b8f0593c78dd.png">
                            <span>胜：<i class="p-arial"> 60%</i></span>
                        </div>
                        <div class="col col-2">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/22381ca7-beb4-4504-ad73-b8f0593c78dd.png">
                            <span>胜：<i class="p-arial"> 60%</i></span>
                        </div>
                        <div class="col col-3">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/22381ca7-beb4-4504-ad73-b8f0593c78dd.png">
                            <span>胜：<i class="p-arial"> 60%</i></span>
                        </div>
                        <div class="col col-4">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/22381ca7-beb4-4504-ad73-b8f0593c78dd.png">
                            <span>胜：<i class="p-arial"> 60%</i></span>
                        </div>
                        <div class="col col-5">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/22381ca7-beb4-4504-ad73-b8f0593c78dd.png">
                            <span>胜：<i class="p-arial"> 60%</i></span>
                        </div>
                    </li>
                    <li>
                        <div class="col col-1">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/22381ca7-beb4-4504-ad73-b8f0593c78dd.png">
                            <span>胜：<i class="p-arial"> 60%</i></span>
                        </div>
                        <div class="col col-2">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/22381ca7-beb4-4504-ad73-b8f0593c78dd.png">
                            <span>胜：<i class="p-arial"> 60%</i></span>
                        </div>
                        <div class="col col-3">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/22381ca7-beb4-4504-ad73-b8f0593c78dd.png">
                            <span>胜：<i class="p-arial"> 60%</i></span>
                        </div>
                        <div class="col col-4">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/22381ca7-beb4-4504-ad73-b8f0593c78dd.png">
                            <span>胜：<i class="p-arial"> 60%</i></span>
                        </div>
                        <div class="col col-5">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/22381ca7-beb4-4504-ad73-b8f0593c78dd.png">
                            <span>胜：<i class="p-arial"> 60%</i></span>
                        </div>
                    </li>
                </ul>
                <div class="ajax-loading flex-abs-mid "><img src="/res/images/cont/loaing.gif" /></div>
            </div>
        </div>
        <div class="hero-no p-m" id="heroNo">
            <div class="p-m-t flex-h-space">
                <h3>最常禁用英雄</h3>
                <div class="switch flex-h-center" >
                    <span class="p-blue">蓝方</span>
                    <strong class="dir-left cur"></strong>
                    <strong class="dir-right "></strong>
                    <span class="p-red">红方</span>
                </div>
            </div>
            <div class="p-m-c" >
                <ul class="hero-list p-clear-fix">

                    <li>
                        <div class="img-box flex-abs-mid p-tran">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/05a054ab-d141-4834-a168-897e788ca69c.png">
                            <p>卡牌大师</p>
                        </div>
                        <div class="info-box flex-h-space">
                            <p class="left flex-average">
                                <span>使用</span>
                                <span class="p-blues"><i class="p-arial">7</i> 次</span>
                            </p>
                            <p class="right flex-average">
                                <span>胜率</span>
                                <span class="p-blues"><i class="p-arial">80</i> %</span>
                            </p>
                        </div>
                    </li>

                    <li>
                        <div class="img-box flex-abs-mid p-tran">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/05a054ab-d141-4834-a168-897e788ca69c.png">
                            <p>卡牌大师</p>
                        </div>
                        <div class="info-box flex-h-space">
                            <p class="left flex-average">
                                <span>使用</span>
                                <span class="p-blues"><i class="p-arial">7</i> 次</span>
                            </p>
                            <p class="right flex-average">
                                <span>胜率</span>
                                <span class="p-blues"><i class="p-arial">80</i> %</span>
                            </p>
                        </div>
                    </li>

                    <li>
                        <div class="img-box flex-abs-mid p-tran">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/05a054ab-d141-4834-a168-897e788ca69c.png">
                            <p>卡牌大师</p>
                        </div>
                        <div class="info-box flex-h-space">
                            <p class="left flex-average">
                                <span>使用</span>
                                <span class="p-blues"><i class="p-arial">7</i> 次</span>
                            </p>
                            <p class="right flex-average">
                                <span>胜率</span>
                                <span class="p-blues"><i class="p-arial">80</i> %</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <div class="img-box flex-abs-mid p-tran">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/05a054ab-d141-4834-a168-897e788ca69c.png">
                            <p>卡牌大师</p>
                        </div>
                        <div class="info-box flex-h-space">
                            <p class="left flex-average">
                                <span>使用</span>
                                <span class="p-blues"><i class="p-arial">7</i> 次</span>
                            </p>
                            <p class="right flex-average">
                                <span>胜率</span>
                                <span class="p-blues"><i class="p-arial">80</i> %</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <div class="img-box flex-abs-mid p-tran">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/05a054ab-d141-4834-a168-897e788ca69c.png">
                            <p>卡牌大师</p>
                        </div>
                        <div class="info-box flex-h-space">
                            <p class="left flex-average">
                                <span>使用</span>
                                <span class="p-blues"><i class="p-arial">7</i> 次</span>
                            </p>
                            <p class="right flex-average">
                                <span>胜率</span>
                                <span class="p-blues"><i class="p-arial">80</i> %</span>
                            </p>
                        </div>
                    </li>

                    <li>
                        <div class="img-box flex-abs-mid p-tran">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/05a054ab-d141-4834-a168-897e788ca69c.png">
                            <p>卡牌大师</p>
                        </div>
                        <div class="info-box flex-h-space">
                            <p class="left flex-average">
                                <span>使用</span>
                                <span class="p-blues"><i class="p-arial">7</i> 次</span>
                            </p>
                            <p class="right flex-average">
                                <span>胜率</span>
                                <span class="p-blues"><i class="p-arial">80</i> %</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <div class="img-box flex-abs-mid p-tran">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/05a054ab-d141-4834-a168-897e788ca69c.png">
                            <p>卡牌大师</p>
                        </div>
                        <div class="info-box flex-h-space">
                            <p class="left flex-average">
                                <span>使用</span>
                                <span class="p-blues"><i class="p-arial">7</i> 次</span>
                            </p>
                            <p class="right flex-average">
                                <span>胜率</span>
                                <span class="p-blues"><i class="p-arial">80</i> %</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <div class="img-box flex-abs-mid p-tran">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/05a054ab-d141-4834-a168-897e788ca69c.png">
                            <p>卡牌大师</p>
                        </div>
                        <div class="info-box flex-h-space">
                            <p class="left flex-average">
                                <span>使用</span>
                                <span class="p-blues"><i class="p-arial">7</i> 次</span>
                            </p>
                            <p class="right flex-average">
                                <span>胜率</span>
                                <span class="p-blues"><i class="p-arial">80</i> %</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <div class="img-box flex-abs-mid p-tran">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/05a054ab-d141-4834-a168-897e788ca69c.png">
                            <p>卡牌大师</p>
                        </div>
                        <div class="info-box flex-h-space">
                            <p class="left flex-average">
                                <span>使用</span>
                                <span class="p-blues"><i class="p-arial">7</i> 次</span>
                            </p>
                            <p class="right flex-average">
                                <span>胜率</span>
                                <span class="p-blues"><i class="p-arial">80</i> %</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <div class="img-box flex-abs-mid p-tran">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/05a054ab-d141-4834-a168-897e788ca69c.png">
                            <p>卡牌大师</p>
                        </div>
                        <div class="info-box flex-h-space">
                            <p class="left flex-average">
                                <span>使用</span>
                                <span class="p-blues"><i class="p-arial">7</i> 次</span>
                            </p>
                            <p class="right flex-average">
                                <span>胜率</span>
                                <span class="p-blues"><i class="p-arial">80</i> %</span>
                            </p>
                        </div>
                    </li>


                </ul>
                <ul class="hero-list p-clear-fix hide">

                    <li>
                        <div class="img-box flex-abs-mid p-tran">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/05a054ab-d141-4834-a168-897e788ca69c.png">
                            <p>卡牌大师</p>
                        </div>
                        <div class="info-box flex-h-space">
                            <p class="left flex-average">
                                <span>使用</span>
                                <span class="p-blues"><i class="p-arial">7</i> 次</span>
                            </p>
                            <p class="right flex-average">
                                <span>胜率</span>
                                <span class="p-blues"><i class="p-arial">80</i> %</span>
                            </p>
                        </div>
                    </li>

                    <li>
                        <div class="img-box flex-abs-mid p-tran">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/05a054ab-d141-4834-a168-897e788ca69c.png">
                            <p>卡牌大师</p>
                        </div>
                        <div class="info-box flex-h-space">
                            <p class="left flex-average">
                                <span>使用</span>
                                <span class="p-blues"><i class="p-arial">7</i> 次</span>
                            </p>
                            <p class="right flex-average">
                                <span>胜率</span>
                                <span class="p-blues"><i class="p-arial">80</i> %</span>
                            </p>
                        </div>
                    </li>

                    <li>
                        <div class="img-box flex-abs-mid p-tran">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/05a054ab-d141-4834-a168-897e788ca69c.png">
                            <p>卡牌大师</p>
                        </div>
                        <div class="info-box flex-h-space">
                            <p class="left flex-average">
                                <span>使用</span>
                                <span class="p-blues"><i class="p-arial">7</i> 次</span>
                            </p>
                            <p class="right flex-average">
                                <span>胜率</span>
                                <span class="p-blue"><i class="p-arial">80</i> %</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <div class="img-box flex-abs-mid p-tran">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/05a054ab-d141-4834-a168-897e788ca69c.png">
                            <p>卡牌大师</p>
                        </div>
                        <div class="info-box flex-h-space">
                            <p class="left flex-average">
                                <span>使用</span>
                                <span class="p-blues"><i class="p-arial">7</i> 次</span>
                            </p>
                            <p class="right flex-average">
                                <span>胜率</span>
                                <span class="p-blues"><i class="p-arial">80</i> %</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <div class="img-box flex-abs-mid p-tran">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/05a054ab-d141-4834-a168-897e788ca69c.png">
                            <p>卡牌大师</p>
                        </div>
                        <div class="info-box flex-h-space">
                            <p class="left flex-average">
                                <span>使用</span>
                                <span class="p-blues"><i class="p-arial">7</i> 次</span>
                            </p>
                            <p class="right flex-average">
                                <span>胜率</span>
                                <span class="p-blues"><i class="p-arial">80</i> %</span>
                            </p>
                        </div>
                    </li>

                    <li>
                        <div class="img-box flex-abs-mid p-tran">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/champion/05a054ab-d141-4834-a168-897e788ca69c.png">
                            <p>卡牌大师</p>
                        </div>
                        <div class="info-box flex-h-space">
                            <p class="left flex-average">
                                <span>使用</span>
                                <span class="p-blues"><i class="p-arial">7</i> 次</span>
                            </p>
                            <p class="right flex-average">
                                <span>胜率</span>
                                <span class="p-blues"><i class="p-arial">80</i> %</span>
                            </p>
                        </div>
                    </li>



                </ul>
            </div>
        </div>
    </div>

</section>